<!DOCTYPE html>
<style>
.trysquashed {
    width: 50px; height: 50px; background: lightgray
}
</style>
<div style="width: 100px; height: 100px; will-change: transform; background: lightblue"></div>
<div class="trysquashed" style="position: absolute; top: 0px; left: 0px; -webkit-filter: drop-shadow(1px 1px 2px #000)"></div>
<div class="trysquashed" style="position: absolute; top: 50px; left: 50px;"></div>

<pre id="layers"></pre>
<script>
// Tests that layers with filters are not squashed.
if (window.testRunner)
    testRunner.dumpAsText();
var layersResult = document.getElementById('layers');
if (window.internals)
    layersResult.innerText = internals.layerTreeAsText(document);
</script>
